<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AngularJS directive</title>
    <script src="../bower_components/angular/angular.min.js"></script>

    <script type="text/javascript">
        var app = angular.module('myapp', []);

        app.directive('helloWorld', function() {
            return {
                restrict: 'AE',
                replace: true,
                template: '<h3>Hello World!</h3>'
            }
        });
    </script>
</head>
<body ng-app="myapp">
    <hello-world></hello-world>
</body>
</html>